<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 作业讲解：
        // 1. 数组的解构赋值：
        // const arr = [10,[20,[30,[40],50],60],70];
        // // 要求使用解构赋值方式将上面数组中的10,20,40,60和70获取后并输出;
        // let [a,[b,[,[c]],d],e] = arr;
        // console.log(a,b,c,d,e);

        //2. 对象的解构赋值：
        const obj = {
            books: [[
                'JavaScript权威指南',
                { author: '小淘', price: 69.50 }
            ],[
                'JavaScript高级程序设计',
                { author: '小王', price: 91.80 }
            ]]
        };
        // 要求使用解构赋值，将上面obj中的第二本书籍信息获取后并输出
        let {books:[,[title,{author,price}]]} = obj;
        console.log(title, author, price);


        //4. 通过ES6的扩展运算符(...) 完成以下要求：
        const ob = {name:'李四', age:20, sex:'男'};
        const a = [10,20,30,40];
        const b = ['aaa','bbb','ccc'];
        //要求1: 将ob对象克隆一份新对象，并输出。
        //要求2：将a和b两个数组合并成一个新数组并使用for...of遍历输出。
        const oa = {...ob};
        console.log(ob === oa); 
        ob.name = "王五";
        console.log(oa);

        // 合并数组
        const arr = [...a, ...b];
        for(let v of arr){
            console.log(v);
        }
    </script>
</body>
</html>